        <!-- BOX DIREITO -->
        <td colspan="2" valign="top" style="border-left:1px solid #bbb; border-right:1px solid #ccc; padding:20px 12px;">
            <div id="titulo_pagina">Pedidos</div>
   			<script type="text/javascript">
   				<?php
   				//Variaveis para configuracao da GRID
   				//$gridName - ID da GRID
   				//$controller - Controlador da GRID
   				//$titleList - Titulo da GRID
   				$gridName = "gridPedidos";
   				$controller = "pedido";
   				$titleList = "Pedidos n&atilde;o Faturados";

   				$gridNameItens = "gridPedidosItens";
   				$titleListItens = "Itens do Pedido";
   				?>
   				//Array com todos os campos da tabela.
				var arr_fields = [
				                  {nome:'act',label:'', tp_obj: 'hid', tipo : 'str', grid:{name:'act',index:'act', width:10,sortable:false}},
				                  {nome:'flag_liberado',label:'', tp_obj: 'hid', tipo : 'str', grid:{name:'tb_pedidos.flag_liberado',index:'tb_pedidos.flag_liberado', width:5, def_order:false,order:''}},
				                  {nome:'data_pedido',label:'Data do Pedido', tp_obj: 'hid', tipo : 'str', grid:{name:'tb_pedidos.data_pedido',index:'tb_pedidos.data_pedido', width:25, def_order:true,order:'asc'}},
				                  {nome:'id_pedido',label:'Pedido', tp_obj: 'txt', tipo : 'str', grid:{name:'tb_pedidos.id_pedido',index:'tb_pedidos.id_pedido', width:15, def_order:false,order:''}},
				                  {nome:'numero_controle',label:'N&deg; Controle', tp_obj: 'sel', tipo : 'str', grid:{name:'tb_pedidos.numero_controle',index:'tb_pedidos.numero_controle', width:20, def_order:false,order:''}},
				                  {nome:'cliente',label:'Cliente', tp_obj: 'sel', tipo : 'str', grid:{name:'tb_clientes.nome',index:'tb_clientes.nome', width:50, def_order:false,order:''}},
				                  {nome:'convenio',label:'Conv&ecirc;nio', tp_obj: 'sel', tipo : 'str', grid:{name:'tb_pedidos.convenio',index:'tb_pedidos.convenio', width:40, def_order:false,order:''}},
				                  {nome:'medico',label:'M&eacute;dico', tp_obj: 'sel', tipo : 'str', grid:{name:'tb_medicos.nome',index:'tb_medicos.nome', width:40, def_order:false,order:''}},
				                  {nome:'paciente',label:'Paciente', tp_obj: 'sel', tipo : 'str', grid:{name:'tb_pedidos.paciente',index:'tb_pedidos.paciente', width:40, def_order:false,order:''}},
				                  {nome:'data_cirurgia',label:'Data da Cirurgia', tp_obj: 'sel', tipo : 'str', grid:{name:'tb_pedidos.data_cirurgia',index:'tb_pedidos.data_cirurgia', width:25, def_order:false,order:''}}
					              	];

				//Variavel com o codigo da linha selecionada
				var editValue = null;
				$(document).ready(function(){
					var arr_fld_grid = new Array();
					var arr_fld_labels = new Array();
					var fld_sort_name = "";
					var fld_sort_order = "";

					//Monta os arrays com os labels e os campos
					for(i=0; i<arr_fields.length; i++)
					{
						if(arr_fields[i].grid != null)
						{
							arr_fld_grid.push(arr_fields[i].grid);
							arr_fld_labels.push(arr_fields[i].label);
							if(arr_fields[i].grid.def_order)
							{
								fld_sort_name = arr_fields[i].grid.name;
								fld_sort_order = arr_fields[i].grid.order;
							}
						}
					}

					//Montagem da GRID
					jQuery("#<?php echo $gridName; ?>").jqGrid({
					   	url:'<?php echo base_url().$controller."/listAll"?>',
						datatype: "json",
					   	colNames:arr_fld_labels,
					   	colModel:arr_fld_grid,
					   	rowNum:10,
					   	rowList:[5,10,20,30],
					   	height: 'auto',
					   	width:'950',
					   	pager: '#p<?php echo $gridName; ?>',
					   	sortname: fld_sort_name,
					    viewrecords: true,
					    sortorder: fld_sort_order,
					    caption:'<?php echo $titleList; ?>',
					    grouping:true,
					   	groupingView : {
					   		groupField : ['tb_clientes.nome'],
					   		groupColumnShow : [false],
							groupText : ['<b>Cliente: {0} - Qtde({1})</b>']
					   	},
					   	onSelectRow: function(ids) { 
						   	if(ids == null) 
							{ 
							   	ids=0; 
							   	if(jQuery("#<?php echo $gridNameItens; ?>").jqGrid('getGridParam','records') >0 ) { 
								   	jQuery("#<?php echo $gridNameItens; ?>").jqGrid('setGridParam',{url:"<?php echo base_url().$controller; ?>/listAllItens/"+ids,page:1}); 
								   	jQuery("#<?php echo $gridNameItens; ?>").jqGrid('setCaption',"Itens do Pedido: "+ids).trigger('reloadGrid'); 
								} 
							} 
							else 
							{ 
								jQuery("#<?php echo $gridNameItens; ?>").jqGrid('setGridParam',{url:"<?php echo base_url().$controller; ?>/listAllItens/"+ids,page:1}); 
								jQuery("#<?php echo $gridNameItens; ?>").jqGrid('setCaption',"Itens do Pedido: "+ids).trigger('reloadGrid'); 
							} 
						},
						gridComplete: function(){
							var ids = jQuery("#<?php echo $gridName; ?>").jqGrid('getDataIDs');
							for(var i=0;i < ids.length;i++){
								var cl = ids[i];
								ed = "<a href=\"<?php echo base_url(); ?>pedido/formPedido/"+cl+"\"><img alt=\"Editar\" src=\"<?php echo base_url();?>images/pencil-icon.png\" /></a>"; 
								de = "<a href=\"javascript:deletePedido('"+cl+"');\"><img alt=\"Excluir\" src=\"<?php echo base_url();?>images/delete-icon.png\" /></a>"; 
								jQuery("#<?php echo $gridName; ?>").jqGrid('setRowData',ids[i],{act:ed+de});
							}	
						}
					})
					.navGrid('#p<?php echo $gridName; ?>',{edit:false,add:false,del:false,search:false,refresh:false},{},{},{},{multipleSearch:true})
				});

				function deletePedido(id_item)
				{
		   			$("#dialog-confirm").dialog({
		   				resizable: false,
		   				height:150,
		   				width:400,
		   				modal: true,
		   				buttons: {
		   					'Confirmar': function() {
					            $('#dialog-wait').dialog({ 
					            	closeOnEscape: false,
					            	draggable: false,
					            	modal: true,
					            	resizable: false  
					            });
								$.ajax({
			                		type: "POST",
			                		url: '<?php echo base_url().$controller."/delete"?>',
			                		data: {id:id_item},
			                		success: function(msg) 
			                		{
								  		var type = msg.substr(0,3);
										var msgs = msg.substr(4);
			
										if(type != "err")
										{
				   							showMsg(msgs);
										}
										else
										{
											dialogMessage(msgs,'dialog-message');   
										}
				       					$("#<?php echo $gridName; ?>").trigger("reloadGrid");
				       					$("#<?php echo $gridNameItens; ?>").trigger("reloadGrid");
			                		}
								});
								$('#dialog-wait').dialog('close');
		   						$(this).dialog('close');
		   					},
		   					Cancelar: function() {
		   						$(this).dialog('close');
		   					}
		   				}
		   			}); 
		   		}

				function liberarPedido(id_pedido, status)
				{
		   			$("#dialog-confirm-pedido").dialog({
		   				resizable: false,
		   				height:150,
		   				width:400,
		   				modal: true,
		   				buttons: {
		   					'Confirmar': function() {
					            $('#dialog-wait').dialog({ 
					            	closeOnEscape: false,
					            	draggable: false,
					            	modal: true,
					            	resizable: false  
					            });
								$.ajax({
			                		type: "POST",
			                		url: '<?php echo base_url().$controller."/liberarPedido"?>',
			                		data: {id_pedido:id_pedido, status:status},
			                		success: function(msg) 
			                		{
								  		var type = msg.substr(0,3);
										var msgs = msg.substr(4);
			
										if(type != "err")
										{
				   							showMsg(msgs);
										}
										else
										{
											dialogMessage(msgs,'dialog-message');   
										}
				       					$("#<?php echo $gridName; ?>").trigger("reloadGrid");
				       					$("#<?php echo $gridNameItens; ?>").trigger("reloadGrid");
			                		}
								});
								$('#dialog-wait').dialog('close');
		   						$(this).dialog('close');
		   					},
		   					Cancelar: function() {
		   						$(this).dialog('close');
		   					}
		   				}
		   			}); 
		   		}
			</script>
			<div id="dialog-confirm-pedido" title="Aten&ccedil;&atilde;o" style="display:none;">
				<p><span class="ui-icon ui-icon-help" style="float:left; margin:0 7px 20px 0;"></span>Deseja confirmar essa A&ccedil;&atilde;o?</p>
			</div>
			<div align="center">
				<table id="<?php echo $gridName; ?>"></table>
				<div id="p<?php echo $gridName; ?>"></div>
			</div>
			<div>&nbsp;</div>
			<!-- GRID ITENS -->
   			<script type="text/javascript">
   				//Array com todos os campos da tabela.
				var arr_fields_itens = [
				                  {nome:'act',label:'', tp_obj: 'hid', tipo : 'str', grid:{name:'act',index:'act', width:1,sortable:false}},
				                  {nome:'id_item_pedido',label:'Id', tp_obj: 'hid', tipo : 'int', grid:{name:'tb_itens_pedidos.id_item_pedido',index:'tb_itens_pedidos.id_item_pedido', width:15, hidden:true, def_order:false,order:''}},
				                  {nome:'id_produto',label:'C&oacute;d. Produto', tp_obj: 'hid', tipo : 'int', grid:{name:'tb_produtos.id_produto',index:'tb_produtos.id_produto', width:25, def_order:false,order:''}},
				                  {nome:'nome',label:'Descri&ccedil;&atilde;o', tp_obj: 'txt', tipo : 'str', grid:{name:'tb_produtos.nome',index:'tb_produtos.nome', width:170, def_order:true,order:'asc'}},
				                  {nome:'unidade',label:'Un', tp_obj: 'txt', tipo : 'str', grid:{name:'tb_produtos.unidade',index:'tb_produtos.unidade', width:15, align:'center', def_order:false,order:''}},
				                  {nome:'quantidade',label:'Qtde', tp_obj: 'txt', tipo : 'str', grid:{name:'tb_itens_pedidos.quantidade',index:'tb_itens_pedidos.quantidade', align:'right', width:25, def_order:false,order:''}},
				                  {nome:'hid_oper',label:'', tp_obj: 'hid', tipo : 'str', grid:null}
					              	];

				//Variavel com o codigo da linha selecionada
				var editValue = null;
				$(document).ready(function(){
					var arr_fld_grid_itens = new Array();
					var arr_fld_labels_itens = new Array();
					var fld_sort_name_itens = "";
					var fld_sort_order_itens = "";

					//Monta os arrays com os labels e os campos
					for(i=0; i<arr_fields_itens.length; i++)
					{
						if(arr_fields_itens[i].grid != null)
						{
							arr_fld_grid_itens.push(arr_fields_itens[i].grid);
							arr_fld_labels_itens.push(arr_fields_itens[i].label);
							if(arr_fields_itens[i].grid.def_order)
							{
								fld_sort_name_itens = arr_fields_itens[i].grid.name;
								fld_sort_order_itens = arr_fields_itens[i].grid.order;
							}
						}
					}

					//Montagem da GRID
					jQuery("#<?php echo $gridNameItens; ?>").jqGrid({
					   	url:'<?php echo base_url().$controller."/listAllItens/0";?>',
						datatype: "json",
					   	colNames:arr_fld_labels_itens,
					   	colModel:arr_fld_grid_itens,
					   	rowNum:10,
					   	rowList:[5,10,20,30],
					   	height: 'auto',
					   	width:'900',
					   	pager: '#p<?php echo $gridNameItens; ?>',
					   	sortname: fld_sort_name_itens,
					    viewrecords: true,
					    sortorder: fld_sort_order_itens,
					    caption:'<?php echo $titleListItens; ?>'
					})
					.navGrid('#p<?php echo $gridNameItens; ?>',{edit:false,add:false,del:false,search:false,refresh:false},{},{},{},{multipleSearch:true})
				});
			</script>
			<div align="center">
				<table id="<?php echo $gridNameItens; ?>"></table>
				<div id="p<?php echo $gridNameItens; ?>"></div>
			</div>
		</td>
        <!-- X BOX DIREITO -->